/*icon*/
.dep-li .icon-xiala{
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
}
.dep-li .icon-shangla{
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
}
.icon-xiala{
	line-height: 0.3;
}

.icon-gengduo{
	color:#000;
	cursor: pointer;
}

.icon-lajitong{
	color:#ff0000;
	cursor: pointer;
}

/*dep-list*/
.dep-list-div{
	float: left;
	max-width: 25%;
	background: #fff;
	overflow: auto;
	white-space:nowrap;
}
.dep-list{
	cursor: pointer;
}
.dep-search{
	margin-left: 25px;

}
.dep-search-input{
	padding: 5px;
	width: 150px!important;
}
.dep-search-btn{
	position: relative;
	// top:-3px;
	left:-4px;
	padding: 6px 5px;
	// width: 50px;
	background: #27a9e3;
	color:#fff;
	border:none;
}
.dep-li{
	padding: 5px;
}
.dep-li:hover{
	background: #eee;	
}
.dep-li:active{
	background: #eee;	
}

/*main*/
.main{
	background: #fff;
	margin-left: 24%;
}
.content-title{
	position: relative;
	cursor: pointer;
}
.content-title-text{
	display: inline-block;
	margin-right: 20px;
	font-size: 16px;
	font-weight: 800;
}
.main-content{
	
	padding: 20px;
}
.dep-information span{
	display: inline-block;
	margin-right: 20px;
}

/*button*/
.edit-btn{
	position: relative;
	top:-5px;
	float: right;
	min-width: 70px;
	height: 30px;
	margin-left: 50px;
	font-size: 14px;
	background: #27a9e3;
	border: none;
	color:#fff; 

}
.add-btn{
	position: relative;
	top:-5px;
	float: right;
	min-width: 100px;
	height: 30px;
	margin-left: 50px;
	font-size: 14px;
	background: #27a9e3;
	border: none;
	color:#fff; 
}

.submit-add{
	margin-top: 30px;
	float: right;
}
.btn-add{
	margin-left: 20px;
	background: #27a9e3;
	border: none;
	color:#fff; 
}
.dep-btn{
	background: #27a9e3;
	border: none;
	color:#fff; 
}
.btn-add:hover,
.delete-dep-btn:hover,
.add-btn:hover,
.edit-btn:hover,
.dep-btn:hover
{
	background: #09a0e3;
	color:#fff;
}

.delete-dep-btn{
	margin-top: 30px;
	background: #27a9e3;
	border: none;
	color:#fff; 
}

/*table*/
.table-div{
	margin-right:122px;
}
/*modal*/
.edit-modal,
.add-modal,
.information-modal,
.dep-modal{
	position: fixed;
	display: none;
	left:0;
	right:0;
	top: 30%;
	margin: 0 auto;
	z-index: 6;
}
/* add-modal*/
.search-div{
	float: right;
	// margin: 30px 65px 30px 0;
}
.search-input{
	padding: 5px;
	border: 1px solid #ccc;
}
.search-btn{
	padding: 5px;
	background: #27a9e3;
	color:#fff;
	border:none;
}
.paging{
	
}
.paging button{
	background: #27a9e3;
	border: none;
	color:#fff; 
}
.paging button:hover{
	background: #09a0e3;
}

/* rightMenu */
.right-menu{
	position: absolute;
	display: none;
	background: #fff;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.right-menu-option{
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-bottom: none;
}

.right-menu-option:hover{
	background: #f2f2f2;
}